(function() {

    //购物车计算
    // $(function() {
    //     $("tbody").find(".add").on("click", function() {
    //         //获取商品数量
    //         var $p1 = $(this).parent().find(".Totalquantity").html()
    //             //购物车变化的数值
    //         $(this).parent().find(".Totalquantity").html(parseInt($p1) + 1)
    //             //总价格
    //         var $Totalprice = $(this).parents("tr").find("span").eq(1).html()
    //             //单价
    //         var $settlement = $("tbody tr").children("td").eq(2).children().eq(0).html()
    //         console.log($settlement)

    //         //购物车计算
    //         $(this).parents("tr").find("span").eq(1).html(parseInt($settlement * $(this).parent().find(".Totalquantity").html()))

    //         //总价格发生变化
    //         // $(".settone").children().children().eq(1).html("￥" + $("tbody tr").children("td").eq(4).children().eq(0).html())

    //     })
    //     $("tbody").find(".reduce").on("click", function() {
    //         //获取商品数量
    //         var $p1 = $(this).parent().find(".Totalquantity").html()
    //             //购买物品的数量
    //         var $settlement = $("tbody tr").children("td").eq(2).children().eq(0).html()

    //         //购物车变化的数值=量变化
    //         $(this).parent().find(".Totalquantity").html(parseInt($p1) - 1)
    //         if (parseInt($p1) <= 1) {
    //             parseInt($(this).parent().find(".Totalquantity").html(1))
    //         }
    //         $(this).parents("tr").find("span").eq(1).html(parseInt($settlement * $(this).parent().find(".Totalquantity").html()))

    //         // $(".settone").children().children().eq(1).html("￥" + $("tbody tr").children("td").eq(4).children().eq(0).html())

    //     })


    // })

    //全选计算
    // $(function() {
    // $("tbody").find("input[type='checkbox']").on("click", function() {
    //     let all = 0
    //         //多选框个数
    //     var $dx = $("tbody").find("input[type='checkbox']").length
    //         //被选个数
    //     var $bx = $("tbody").find("input:checked").length
    //     $("thead").find("input[type='checkbox']").prop("checked", $dx == $bx)
    //     Array.from($("tbody").find("input:checked")).forEach((item) => {
    //         all += parseInt($(this).parents("tr").find("span").eq(1).html())
    //     })
    //     $(".settone").find('strong').html(all)




    // })

    // //全选
    // $("thead").find("input[type='checkbox']").on("click", function() {
    //     $("tbody").find("input[type='checkbox']").prop("checked", $("thead").find("input[type='checkbox']").prop("checked"))
    //     var $str = $("thead").find("input[type='checkbox']").prop("checked")
    //     console.log($str)
    // })

    // })


    $(function() {
        var OuserStorage = JSON.parse(localStorage.getItem("currentList") || '[]')
        console.log(OuserStorage)
        var prose = {
            id: OuserStorage.uid
        }
        $.ajax({
            url: "http://127.0.0.1:8080/addcart/slect",
            type: "get",
            data: prose,
            async: true
        }).then(function(res) {
            var { msg, code, data } = res
            console.log(data)
            var str = ``
            for (var i = 0; i < data.length; i++) {
                str += `
                <tr>
                <td><input type="checkbox"></td>
                <td>
                    <p class="op">
                     <img src="${data[i].c_img}">
                     <span>${data[i].c_name}</span>
                     </p>
                 </td>
        
                 <td>
                       <i>${data[i].c_price}</i>
                </td>
        
                <td>
                <p class="add">+</p>
                <p class="Totalquantity">${data[i].c_num}</p>
                <p class="reduce">-</p>
                 </td>
        
                 <td>
                 <span class='yinhuan'>${data[i].c_total}</span>
                 </td>
        
                 <td>
                    <span class="oospan" data=${data[i].c_id}>删除</span>
                  </td>
                </tr>
                `
            }

            $(str).appendTo($("tbody"))



            function fn() {
                let all = 0
                    //多选框个数
                var $dx = $("tbody").find("input[type='checkbox']").length
                    //被选个数
                var $bx = $("tbody").find(":checkbox:checked").length
                $("thead").find("input[type='checkbox']").prop("checked", $dx == $bx)
                for (let i = 0; i < $bx; i++) {
                    all += parseInt($("tbody").find(":checkbox:checked").eq(i).parents('tr').find('.yinhuan').text())
                }


                $(".settone").find('strong').html(all)

            }
            fn()

            $(window).on("load", function() {
                var $settlement = parseInt($("tbody tr").children("td").eq(2).children().eq(0).html())


                //购物车计算
                $("tr").find("span").eq(1).html(parseInt($settlement * $(".Totalquantity").html()))

            })

            $("tbody").find(".add").on("click", function() {
                var OuserStorage = JSON.parse(localStorage.getItem("currentList") || '[]')
                var params = {
                    pname: $(this).parents("tr").find(".op").children().eq(1).html(),
                    pImage: $(this).parents("tr").find(".op").children().eq(0).attr("src"),
                    pprice: $(this).parents("tr").find("i").html(),
                    pnum: 1,
                    puid: OuserStorage.uid
                }
                $.ajax({
                    url: "http://127.0.0.1:8080/addcart/addtocart",
                    type: "post",
                    data: params,
                    async: true

                }).then(function(rester) {
                    var { msg, code } = rester
                    alert(msg)
                    if (code == 200) {}

                })
                $(this).parents("tr").find(".Totalquantity").html(parseInt($(this).parents("tr").find(".Totalquantity").html()) + 1)
                $(this).parents("tr").find("span").eq(1).html($(this).parents("tr").find(".Totalquantity").html() * $(this).parents("tr").find("i").html())
                fn()

            })

            $("tbody").find(".reduce").on("click", function() {
                if ($(this).parents("tr").find(".Totalquantity").html() <= 1) {
                    return
                }
                var OuserStorage = JSON.parse(localStorage.getItem("currentList") || '[]')
                var params = {
                    pname: $(this).parents("tr").find(".op").children().eq(1).html(),
                    pImage: $(this).parents("tr").find(".op").children().eq(0).attr("src"),
                    pprice: $(this).parents("tr").find("i").html(),
                    pnum: -1,
                    puid: OuserStorage.uid
                }
                console.log(params);
                $.ajax({
                    url: "http://127.0.0.1:8080/addcart/addtocart",
                    type: "post",
                    data: params,
                    async: true

                }).then(function(rester) {
                    var { msg, code } = rester


                })
                $(this).parents("tr").find(".Totalquantity").html(parseInt($(this).parents("tr").find(".Totalquantity").html()) - 1)
                $(this).parents("tr").find("span").eq(1).html($(this).parents("tr").find(".Totalquantity").html() * $(this).parents("tr").find("i").html())
                fn()

            })




            $("tbody").find("input[type='checkbox']").on("click", function() {
                fn()
                    // console.log(1)
            })


            //全选
            $("thead").find("input[type='checkbox']").on("click", function() {
                $("tbody").find("input[type='checkbox']").prop("checked", $("thead").find("input[type='checkbox']").prop("checked"))
                var $str = $("thead").find("input[type='checkbox']").prop("checked")
                console.log($str)
            })

            //删除事件
            $('tbody').find('.oospan').on("click", function() {
                let index = $(this).attr('data')
                let prose = { cid: index }
                console.log(index)
                console.log(prose)
                $.ajax({
                    url: "http://127.0.0.1:8080/addcart/delect",
                    type: "post",
                    data: prose
                }).then(function(res) {
                    var { msg, code } = res
                    alert(msg)
                })

                // var OuserList = JSON.parse(Cookies.get("userList") || '[]')
                //     //获取点击的图片
                // var $str = $(this).parents("tr").find(".op img").attr("src")
                // console.log($str)
                // for (var i = 0; i < OuserList.length; i++) {
                //     if (OuserList[i].Image == $str) {
                //         OuserList.splice(i, 1)
                //         break
                //     }

                // }
                // Cookies.set("userList", OuserList, { express: 10 })
                // $(this).parents("tr").remove()

                $(this).parents("tr").remove()
            })

            $(".Headnavigation-Edition").children("ul").children().eq(1).on("click", function() {
                var ouserList = JSON.parse(localStorage.getItem("currentList")) || '[]'
                console.log(ouserList.uname)
                if (ouserList.uname == undefined) {
                    return
                } else {
                    $(".Headnavigation-Edition ul ").find("li").eq(0).children("span").html(ouserList.uname)
                    localStorage.removeItem("currentList")

                }



            })



        })




    })
})()